<template>
  <div class="stock-monitor-wrapper">
    <el-table
      class="stock-list"
      :data="listData"
      border
      :header-cell-style="rowClass"
      :cell-style="cellStyle"
    >
      <el-table-column label="日期">
        <template slot-scope="scope">{{scope.row.create_time | parseTime}}</template>
      </el-table-column>
      <el-table-column prop="status_msg" label="说明"></el-table-column>
      <!-- <el-table-column label="操作">
        <template slot-scope="scope">
          <p class="opera-tx" @click="checkDetail(scope.row)">查看详情单</p>
        </template>
      </el-table-column> -->
    </el-table>
  </div>
</template>
<script>
export default {
  props: {
    stockDetail: {
      type: Object
    }
  },
  data() {
    return {
      listData: []
    };
  },
  mounted() {
    this.listData = this.stockDetail ? this.stockDetail.list : [];
    console.log("库存跟踪", this.listData);
  },
  methods: {
    checkDetail(row) {
      // console.log(row)
    },
    rowClass() {
      return "background:rgba(240,249,252,1);font-size:14px;color:#999;font-weight:400;text-align:center;height:40px;padding: 0;";
    },
    cellStyle() {
      return "height:60px;font-size:14px;color:#333;text-align:center;";
    }
  }
};
</script>
<style lang="scss" scoped>
.opera-tx {
  text-decoration: underline;
  color: #999;
  cursor: pointer;
  &:hover {
    color: #fe681c;
  }
}
</style>
